<%--
  Created by IntelliJ IDEA.
  User: YIMing
  Date: 2021/8/14/014
  Time: 17:20
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>学生选题-老师发布</title>
    <link rel="stylesheet" href="../layui/css/layui.css">
    <script src="../layui/layui.js"></script>
    <script src="../js/jquery-3.1.0.js"></script>
    <style>

        body {
            background-color: #eeeeee;
        }

        .layui-row {
            padding: 10px;
            margin: 10px;
            background-color: white;
            border-radius: 5px;
        }

        .left {
            width: 20%;
            padding: 5px;
            text-align: right;
        }

        .right {
            width: 30%;
            padding: 5px;
        }

        .layui-table-cell {
            height: 36px;
            line-height: 36px;
        }

        .layui-textarea {
            height: 150px;
        }

        .detail-left {
            text-align: right;
        }


    </style>
</head>

<body>
<%--面包屑--%>
<div class="layui-row">
    <div class="layui-col-lg12">
        <span class="layui-badge layui-bg-orange" style="margin-bottom: -3px"></span>
        <span class="layui-breadcrumb">
                  <a href="http://localhost/student/home.jsp">首页</a>
                    <a class="" href="javascript:;">选题管理</a>
            <a><cite>学生选题-老师发布</cite></a>
                </span>
    </div>
</div>

<%--课题信息表--%>
<div class="layui-row">
    <fieldset class="layui-elem-field layui-field-title">
        <legend>学生选题-老师发布</legend>
    </fieldset>
    <button class="layui-btn layui-btn-normal layui-btn-radius" name="title-sel-btn" id="title-sel-btn">
        开始选择课题
    </button>
    <table class="layui-hide" id="paper-info" lay-filter="paper-info"></table>
</div>
</body>
<%--弹出层课题选择盒子--%>
<div class="layui-row" id="choose-task-box" style="margin-top: 20px;display: none">

    <!-- <%--搜索--%> -->
    <form class="layui-form" action="">
        <div class="layui-col-lg12">
            <div class="layui-col-lg6">
                <div class="layui-form-item">
                    <label class="layui-form-label">题目来源：</label>
                    <div class="layui-input-block">
                        <input type="radio" name="from" value="自主选题" title="自主选题" disabled>
                        <input type="radio" name="from" value="老师发布" title="老师发布" checked>
                        <input type="radio" name="from" value="其他" title="其他" disabled>
                    </div>
                </div>
            </div>
            <div class="layui-col-lg6">
                <div class="layui-form-item">
                    <label class="layui-form-label">关键词：</label>
                    <div class="layui-input-inline">
                        <input type="text" name="title" placeholder="课题名称" class="layui-input">
                    </div>
                    <button class="layui-btn" type="button" name="select-btn" lay-submit lay-filter="sel">
                        <i class="layui-icon layui-icon-search"></i> 搜索
                    </button>
                    <button class="layui-btn layui-btn-primary" type="reset">重置</button>
                </div>
            </div>
        </div>
    </form>


    <!-- <%--课题信息表--%> -->
    <div class="layui-row">
        <fieldset class="layui-elem-field layui-field-title">
            <legend>学生选题-查询列表</legend>
        </fieldset>
        <table class="layui-hide" id="choose-task" lay-filter="choose-task"></table>
    </div>

</div>

<!-- <%--弹出层表内工具栏--%> -->
<div id="choose-task-tool" style="display: none;">
    <a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="confirm">确认选择</a>
    <a class="layui-btn layui-btn-xs layui-btn-warm" lay-event="teacher-info">教师信息</a>
</div>


<%--课题详情表工具栏--%>
<div id="title-tool" style="display: none;">
    <a class="layui-btn layui-btn-xs" lay-event="taskDetail">课题详情</a>
</div>
<%--课题详情模板--%>
<div class="layui-row" id="task-detail" style="display: none">
    <table class="layui-table" lay-skin="line">
        <thead>
        <tr>
            <td colspan="4"><h2>学生课题详情内容</h2></td>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td class="left">编号:</td>
            <td class="right" id="task-id" colspan="3"></td>
        </tr>
        <tr>
            <td class="left">学号:</td>
            <td class="right" id="task-sno"></td>
            <td class="left">姓名:</td>
            <td class="right" id="task-sname"></td>
        </tr>
        <tr>
            <td class="left">指导老师</td>
            <td class="right" id="task-tname"></td>
            <td class="left">指导老师工号</td>
            <td class="right" id="task-tno"></td>

        </tr>
        <tr>
            <td class="left">所属学院:</td>
            <td class="right" id="task-college"></td>
            <td class="left">所属专业:</td>
            <td class="right" id="task-major"></td>
        </tr>
        <tr>
            <td class="left">标题:</td>
            <td class="right" id="task-title"></td>
            <td class="left">题目来源:</td>
            <td class="right" id="task-from"></td>
        </tr>
        <tr>
            <td class="left">题目类别:</td>
            <td class="right" id="task-category"></td>
            <td class="left">题目性质:</td>
            <td class="right" id="task-nature"></td>
        </tr>
        <tr>
            <td class="left">课题简介:</td>
            <td class="right" colspan="3" id="task-intr"></td>
        </tr>
        </tbody>
    </table>
</div>
<%--教师详情模板--%>
<div class="layui-row" id="teacher-detail" style="display: none">
    <table class="layui-table" lay-skin="line">
        <thead>
        <tr>
            <td colspan="4"><h2>教师信息详情</h2></td>
        </tr>
        </thead>
        <tbody id="teacher-detail-tbody">
        <tr>
            <td class="left">指导老师</td>
            <td class="right" id="teacher-tname"></td>
            <td class="left">指导老师工号</td>
            <td class="right" id="teacher-tno"></td>

        </tr>
        <tr>
            <td class="left">性别:</td>
            <td class="right" id="teacher-sex"></td>
            <td class="left">职称:</td>
            <td class="right" id="teacher-post"></td>
        </tr>
        <tr>
            <td class="left">所属学院:</td>
            <td class="right" id="teacher-college"></td>
            <td class="left">部门:</td>
            <td class="right" id="teacher-department"></td>
        </tr>
        </tbody>
    </table>
</div>

<%--获取当前登录的session中的学号--%>
<script>
    let sno;
    $(function () {
        sno = '${sessionScope.userName}';
    });
</script>
<script src="js/titleSelect.js">
</script>
</html>